
body{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.carousel-container{
    border: 8px solid black;
    width: 50%;
    position: relative; 
    /* 不会起作用，还是需要明确指定高度 */
    height: fit-content;
}

/* 这是含有absolute子元素的父容器 */
.slot-container{
    position: relative;
    /* 需要明显指定高度，防止塌陷 */
    height: 300px;
}

.carousel-item{
    /* 子元素为absolute */
    position: absolute;
    width: 100%;
    /* 高度继承父容器 */
    height: 100%;
    background-color: red;
}